$(function () {
   
   $(".baner_t li a").on("mouseenter",function(){
    $(".baner_t li a").removeClass("activea")
       $(this).addClass("activea")
   })

    $(".footer").load("./footer.html", function () {
    })

 // 轮播图左边菜单切换
    $(".baner_left .listtxt li").on("mouseenter",function(){
        
        var index=$(this).index()
        if($(this).index()>0){
            $(".baner_txt").eq(index-1).show().siblings(".baner_txt").hide()
        }
        
    })
    $(".baner_left").on("mouseleave",function(){
        $(".baner_txt").hide()
    })

//轮播图
    $(".baner_imgs").children().eq(0).clone().appendTo($(".baner_imgs"))
    for (var i = 0; i < $(".baner_imgs").children().length - 1; i++) {
        $("<li></li>").appendTo(".baner_img ul")
    }
    var imgIndex = 0
    var liIndex = 0
    $(".baner_img li").eq(0).css("background-color", "red")
    var flag_right=true
    function play() {
      if(flag_right){
          flag_right=false
        imgIndex++
        liIndex++
        if (liIndex == $(".baner_img li").length) liIndex = 0
        if (imgIndex == $(".baner_imgs").children().length - 1) {
            $(".baner_imgs").animate({ "left": -imgIndex * $(".baner_imgs img").width() }, function () {
                $(".baner_imgs").css("left", 0)
            })
            imgIndex = 0
        }
        $(".baner_img li").eq(liIndex).css("background-color", "red").siblings().css("background-color", "")
        $(".baner_imgs").animate({ "left": -imgIndex * $(".baner_imgs img").width()},function(){
            flag_right=true
        })

      }
      

    }

    var timer = setInterval(play, 1500)
    $(".baner_img").on("mouseenter", function () {
        clearInterval(timer)
        $(".baner_img b").show()
    })
    $(".baner_img").on("mouseleave", function () {
        timer = setInterval(play, 1500)
        $(".baner_img b").hide()
    })
    $(".baner_img ul").on("click", "li", function () {
        imgIndex = $(this).index() - 1
        liIndex = $(this).index() - 1
        play()
    })
    var flag_left = true
    $(".baner_img b").eq(0).on("click", function () {
        if (flag_left) {
            flag_left = false
            imgIndex--
            liIndex--
            if (imgIndex < 0) {
                $(".baner_imgs").css("left", -($(".baner_imgs").children().length - 1) * $(".baner_imgs img").width())
                imgIndex = $(".baner_imgs").children().length - 2
            }
            if (liIndex < 0) liIndex = $(".baner_img li").length - 1
            $(".baner_img li").eq(liIndex).css("background-color", "red").siblings().css("background-color", "")
            $(".baner_imgs").animate({ "left": -imgIndex * $(".baner_imgs img").width() },
                function () {
                    flag_left = true
                })
        }
    })
    $(".baner_img b").eq(1).on("click", function () {
        play()  
    })
    function countTime() {
        //获取当前时间  
        var date = new Date();
        var now = date.getTime();
        //设置截止时间  
        var str = "2021/3/17 00:00:00";
        var endDate = new Date(str);
        var end = endDate.getTime();

        //时间差  
        var leftTime = end - now;
        //定义变量 d,h,m,s保存倒计时的时间  
        var d, h, m, s;
        if (leftTime >= 0) {
            d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
            h = Math.floor(leftTime / 1000 / 60 / 60 % 24);
            m = Math.floor(leftTime / 1000 / 60 % 60);
            s = Math.floor(leftTime / 1000 % 60);
        }


        function checkTime(i) {
            if (i < 10) {
                i = "0" + i;
            }
            return i;
        }
        d = checkTime(d);
        h = checkTime(h);
        m = checkTime(m);
        s = checkTime(s);
        //将倒计时赋值到div中  
        $(".clock span").eq(0).html(h)
        $(".clock span").eq(2).html(m)
        $(".clock span").eq(4).html(s)
    }
    setInterval(countTime, 1000);

// 自动轮播图

    var leftX = 0
  setInterval(function(){
    leftX+=1
    $(".move ul").css("left",-leftX)
    if(leftX==950){
        leftX=0
    }
  },30)

    
  // 第二个轮播图
     var flag_right1=true
     var imgIndex1=0
    function play1() {
        if(flag_right1){
            flag_right1=false
          imgIndex1++
      
          if (imgIndex1 == $(".lunbo2 ul").children().length - 3) {
              $(".lunbo2 ul").animate({ "left": -imgIndex1 *($(".lunbo2 ul li").eq(0).width()+20) }, function () {
                  $(".lunbo2 ul").css("left", 0)
              })
              imgIndex1 = 0
          }
          $(".lunbo2 ul").animate({ "left": -imgIndex1 *($(".lunbo2 ul li").eq(0).width()+20)},function(){
              flag_right1=true
          })
  
        }
        
  
      }
      setInterval(play1,2000)

    //tab切换
    $(".cont3 li").on("click",function(){
        $(this).addClass("activeli").siblings().removeClass("activeli")
        $(this).find("p").addClass("activep").end().siblings().find("p").removeClass("activep")
      var index=$(this).index()
        $(".contlist .cont4").eq(index).show().siblings().hide()
    })

// 下拉按钮
    $(".xiala").on("click",function(){
          $(".cont5 ul").css("height",1820)
          $(this).hide()
          $("<div class='yincang'>点击隐藏</div>").appendTo(".cont5")
    })

// 隐藏按钮
    $(".cont5").on("click",".yincang",function(){
        $(".cont5 ul").css("height",730)
        $(".xiala").show()
        $(".yincang").hide()
    })


// 轮播图右边tab切换
    $(".box h2 span").on("mouseenter",function(){
        $(this).addClass("activespan").siblings().removeClass("activespan")
        var index=$(this).index()
        $(".box1 .aa").eq(index).animate({opacity:1}).siblings().animate({opacity:0})
    })
    

// 轮播图右边上下轮播图
  var topindex=0

  setInterval(function(){
      topindex++
    if(topindex==$(".t1 ul").children().length-1){
        $(".t1 ul").animate({top:-topindex*40},2000,function(){
            $(".t1 ul").css({top:0})
        })
        topindex=0
    }else{
        $(".t1 ul").animate({top:-topindex*40},2000)
    }
    
  })
    

$(window).scroll(function(){
    if($("html").scrollTop()>500){
        $(".gotop").show()
      
    }else{
        $(".gotop").hide()
    }
})
$(".gotop").on("click",function(){
    $("html").animate({"scrollTop":0})
})
axios.interceptors.request.use(function (config) {
    config.baseUrl = "http://127.0.0.1:8080";
    //发送之前,读取token
    config.headers.token = localStorage.getItem("token")
    return config;
});

axios({
    url: "/api/index",
    method: "get",
}).then(function (res) {
  console.log(res.data.data)
  var html=""
  res.data.data.forEach(function(item){
   html+=`<li>`
   html+=`<a href='./shop.html?gid=${item.id}'>`
   html+=`<img src="${item.img}" alt="">`
   html+=`<h3>
       <span>${item.name}</span>
       <span>Y${item .price}</span>
   </h3>`       
   html+=`</a>`
   html+=`</li>`
  })
  $(".cont40 .cont4_left ul").html(html)
  
  
    
})
 

    if(JSON.parse(localStorage.getItem("user"))){
      var userphone=JSON.parse(localStorage.getItem("user")).uPhone
      $(".topuser").html(` <p><a href="">欢迎您！</a></p>
      <p>|</p>
      <p><a href="">${userphone}</a></p ><p class="quit">退出登录</p>`)

  }else{
    $(".topuser").html(` <p><a href="">欢迎来到多商网</a></p><p><a href="./login.html">请登入</a></p>
    <p>|</p>
    <p><a href="./resg.html">免费注册</a></p>`)
  }
 

  $(".topuser").on("click",".quit",function(){
    localStorage.clear()
    location.reload()
  })
})